<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>hello竞赛</title>
    <script src="${pageContext.request.contextPath}/dist/jquery/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/competitionPage.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/bootstrap/css/bootstrap.css">
    <script src="${pageContext.request.contextPath}/dist/bootstrap/js/bootstrap.js"></script>

</head>
<body>
<jsp:include page="../public/header.jsp"/>
<div id="upPart">
    <div id="upPartInfo">
        <div id="logo"><img src="${pageContext.request.contextPath}/images/jkf/logo-white.png" alt=""></div>
        <div id="logoDescribe"><h1><span>hello</span>&nbsp;竞赛</h1></div>
        <p id="describe">快来参加每周Hello竞赛，来提升你的段位</p>
    </div>
</div>
<div id="competitionEntrance">

</div>
<div id="lowerPartBackColor">
    <div id="lowerPart">
        <div id="rankAndReview">
            <div id="ranking">
                <div class="heading">
                    上期比赛排名(前十名)
                </div>
                <table class="contest-base" style="width: 100%">
                    <thead>
                    <tr class="reactable-column-header">
                        <th class="userName" role="button" tabindex="0">
                            <strong>用户名</strong>
                        </th>
                        <th class="useTime" role="button" tabindex="0">
                            <strong>用时</strong>
                        </th>
                        <th class="getCode" role="button" tabindex="0">
                            <strong>得分</strong>
                        </th>
                    </tr>
                    </thead>
                    <tbody id="rankList">
                    </tbody>
                </table>
            </div>
            <div id="pastPeriod">
                <div class="heading">
                    往期竞赛回顾
                </div>
                <table class="contest-base" style="width: 100%">
                    <thead>
                    <tr class="reactable-column-header">
                        <th class="reactable-th-contest reactable-header-sortable " role="button" tabindex="0">
                            <strong>以往竞赛</strong>
                        </th>
                        <th class="reactable-th-contest_duration reactable-header-sortable reactable-header-sort-asc" role="button" tabindex="0">
                            <strong>时长</strong>
                        </th>
                    </tr>
                    </thead>
                    <tbody class="reactable-data" id = "pastContestList">

                    </tbody>
                </table>
                <nav aria-label="Page navigation" style="text-align: center">
                    <ul class="pagination" id="pageInfo">
                        <%--<li id="previousPageId"><a href="javascript:void 0">&laquo;</a></li>--%>
                    </ul>
                </nav>

            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">提示</h4>
            </div>
            <div class="modal-body">
                是否要前往该场虚拟竞赛？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">否</button>
                <a type="button" class="btn btn-info" id="goGoGo">前往</a>
            </div>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/competitionPage.js"></script>
<jsp:include page="../public/footer.jsp"/>
</body>
<%--<script src="${pageContext.request.contextPath}/js/time.js"></script>--%>

</html>